import React from 'react';
import IconColumn from '@/componets/ChatUser/IconColumn';
import ChatHistory from '@/componets/ChatUser/ChatHistory';
import ChatContent from '@/componets/ChatUser/ChatContent';
import AppHeader from '@/componets/yingyong/AppHeader';
import './Communciation.css';

const Communication: React.FC = () => {
  return (
    <div className="unique-chat-app">
      <AppHeader />
      <div className="main-content">
        <IconColumn />
        <div className="unique-chat-history-container">
          <ChatHistory />
        </div>
        <div className="unique-chat-content-container">
          <ChatContent />
        </div>
      </div>
    </div>
  );
};

export default Communication;
